<script setup>
	import { imgUrl } from '../../utils/global';
</script>
<template>
  <view class="app-cart">
    <!-- header -->
    <view class="cart-header">
      <text>购物车（1）</text>
      <text>编辑</text>
    </view>

    <view class="cart-list">
      <view class="cart-item" v-for="index in 5" :key="`cart-item-${index}`">
        <checkbox-group>
          <label>
            <checkbox :checked="true" color="white" activeBackgroundColor="#FF7F36" />
            自营
          </label>
        </checkbox-group>
        <template v-for="index in 3" :key="`cart-child-${index}`">
          <view class="cart-child">
            <checkbox :checked="false" color="white" activeBackgroundColor="#FF7F36" />
            <image :src="imgUrl('/static/img/imgs/order-img.png')" mode="aspectFill" />
            <view class="cart-info">
              <text>父母高级双人套餐</text>
              <text>覆盖中老年必查项目</text>
              <text>￥79</text>
            </view>
          </view>
          <uni-number-box :min="0" :max="99" :value="2" />
        </template>
      </view>
    </view>

    <!-- footer -->
    <view class="cart-footer">
      <checkbox-group>
        <label>
          <checkbox :checked="true" color="white" activeBackgroundColor="#FF7F36" />
          全选
        </label>
      </checkbox-group>
      <view class="cart-price">
        <text>合计：</text>
        <text>￥79</text>
      </view>
      <view class="cart-button">
        <text>结算(1)</text>
      </view>
    </view>
  </view>
</template>

<style src="./style.scss" scoped />
